<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 
  
   <ui:composition template="templatePadrao.xhtml">        
            
            <ui:define name="top">                   
                <ui:include src="menu.xhtml" />
            </ui:define>
       
       <ui:define name="content"> 
           
          <h:form id="principal" prependId="false">
              
                <p:contextMenu for=":principal">                     
                    <p:menuitem value="Editar"  update="principal" icon="ui-icon-arrowrefresh-1-w" actionListener="#{CalculoFolhaController.editar()}"/>
                </p:contextMenu>  
              
              <p:commandButton value="Alterar Unidade" onclick="unidade.show()"/>
              
              <p:panelGrid columns="2" styleClass="usuarioGrid">
              
                    <p:outputLabel value="Unidade Corrente :"/>
                    <p:outputLabel value="#{PaginaInicialController.nomeUnidade}"/>
                    
              </p:panelGrid>    
              
                <p:dataTable id="aula" var="aula" emptyMessage="Não existe grade pra essa unidade"
                             value="#{PaginaInicialController.lista}"
                             paginator="true" rows="10">                          
                    
                   <p:column>   
                        <f:facet name="header">  
                                <h:outputText value="Turma" />  
                        </f:facet>  
                            <h:outputText value="#{aula.turma.nome}"/>
                    </p:column> 
                    
                    <p:column>   
                        <f:facet name="header">  
                                <h:outputText value="Disciplina" />  
                        </f:facet>  
                            <h:outputText value="#{aula.disciplina.nome}"/>
                    </p:column>                    
                    
                   <p:column>   
                        <f:facet name="header">  
                                <h:outputText value="Professor" />  
                        </f:facet>  
                            <h:outputText value="#{aula.professor.nome}"/>
                    </p:column>                             
                    
                    <p:column>   
                        <f:facet name="header">  
                                <h:outputText value="Data" />  
                        </f:facet>  
                            <h:outputText value="#{aula.data}">
                                <f:convertDateTime timeZone="America/Sao_Paulo" pattern="dd/MM/yyyy"/> 
                            </h:outputText>
                    </p:column>                    

                    <p:column>                          
                            <f:facet name="header">  
                                <h:outputText value="Inicio" />  
                            </f:facet>
                                    <h:outputText value="#{aula.horaIni}">  
                                        <f:convertDateTime timeZone="America/Sao_Paulo" pattern="HH:mm"/>
                                    </h:outputText>
                                                      
                    </p:column>    
                    
                    <p:column>
                            <f:facet name="header">  
                                <h:outputText value="Fim" />  
                            </f:facet>
                                    <h:outputText id="horaFim" value="#{aula.horaFim}">  
                                        <f:convertDateTime timeZone="America/Sao_Paulo" pattern="HH:mm"/>
                                    </h:outputText>                                                      
                    </p:column>   
                    
                    <p:column>
                        <f:facet name="header">
                                <h:outputText value="Material" />
                        </f:facet>  
                            <h:outputText value="#{aula.material}"/>
                    </p:column>                    
                    
                </p:dataTable>    
              
              <p:poll interval="10" listener="#{PaginaInicialController.atualizaLista()}" update="principal" />              
              
          </h:form>
           
        <!-- Abaixo temos o modal que irá controlar de qual unidade será apresentada a grade horária-->
        <p:dialog widgetVar="unidade" id="dialogUnidade" header="Unidades" closable="false" resizable="false" closeOnEscape="false">
       
            <h:form id="dlgUnidade" prependId="false">

                <p:panelGrid styleClass="usuarioGrid" columns="1">
                
                     <p:selectOneMenu style="width: 300px;" label="Unidade" id="selectUnidade" value="#{PaginaInicialController.selectedUnidades}"> 
                         <f:selectItems value="#{PaginaInicialController.carregarUnidadeDisponivel}" />                         
                     </p:selectOneMenu>                
                
                </p:panelGrid>    
                    
                <p:panelGrid columns="2" styleClass="usuarioGrid">
                    
                    <p:commandButton id="selecionaUnidade" value="Selecionar" oncomplete="unidade.hide()" update=":principal" actionListener="#{PaginaInicialController.atualizaLista()}"/>
                    <p:button id="cancelar" value="Cancelar" onclick="unidade.hide()" outcome="home"/>
                                        
                </p:panelGrid>
                
            </h:form>
            
        </p:dialog>            
           
       </ui:define>
          
   </ui:composition>
    
</html>